<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>别走听我唠</title></title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<h3 class="playerTitle">快来加入吧</h3>
	<div class="player">
		<video src="./video/qqMap.mp4"></video>
		<div id="controls" class="controls">
			<!--播放/暂停按钮-->
			<a href="javascript:;" class="switch fa fa-play"></a>
			<!--最大化按钮-->
			<a href="javascript:;" class="expand fa fa-expand"></a>
			<!--进度条哦-->
			<div class="progress">
				<!--响应事件-->
				<div class="bar"></div>
				<!--已加载-->
				<div class="loaded"></div>
				<div class="elapse"></div>
			</div>
			<div class="time">
				<span class="currentTiime">00:00:00</span>
				\
				<span class="totalTime">00:00:00</span>
			</div>
		</div>
	</div>
	</body>
</html>

